<ion-content class="bg-color">
  <div class="login-box">
    <div class="logo-div"> <img src="assets/imgs/logo.png" class="logo-img"/></div>
    <div class="login-form">
        <div class="item">
            <span class="title">考勤管理系统</span>
        </div>
        <div class="item">
          <div class="w-inp">
            <i class="ico-login ico-phone"></i>
            <input type="text" [(ngModel)]="userCode" placeholder="工号" name="userCode" id="userCode" class="text" maxlength="18" autocomplete="on">
          </div>
        </div>
        <div class="item">
          <div class="w-inp">
            <i class="ico-login ico-pass"></i>
            <input type="password" [(ngModel)]="password" placeholder="密码"  name="password" id="password" class="text">
          </div>
        </div>
        <div class="item">
          <button ion-button class="loginBtn" (click)="logIn()">
            登录
          </button>
        </div>
    </div>
  </div>
  <div class="login-footer">
    <p class="copyright">Copyright © 2018-2020 synear</p>
  </div>
</ion-content>
